<template>
    <v-form ref="form" v-model="valid" :lazy-validation="lazy">
        <v-text-field v-model="data.email" label="Email Addr" :error-messages="errors.email" type="email"/>
        <v-text-field v-model="data.password" label="Password" type="password" :error-messages="errors.password"/>
        <v-checkbox v-model="data.rememberMe" label="Remember Me"/>
    </v-form>
</template>

<script>
    import vModeObject from '@/components/mixins/vModeObject';

    export default {
        name: 'SignInForm',
        mixins: [vModeObject],
        data() {
            return {
                valid: true,
                lazy: false,
                errors: {
                    email: [],
                    password: []
                },
                rules: {
                    email: 'required|string|email|max:64',
                    password: 'required|string|min:6|max:64'
                }
            };
        },
        methods: {
            submit() {
                console.info('submit');
            }
        }
    };
</script>

<style scoped>

</style>